import React, { Component } from 'react'
import { hashHistory } from 'react-router'
import { TopNavHeader } from '../common'

export default class NoticePage extends Component {
  render() {
    return (
      <div className={`rt-notice-list-container`}>
        <TopNavHeader title="公告" />

        {
          [1, 2, 3, 4].map(v => (
            <div key={v} className={`rt-notice-box`}>
              <div>
                <span>关于开通借记卡支付通道的通知</span>
                <span>2016-05-10 09:21:47</span>
              </div>
              <div
                onClick={() => {
                  // todo get the :id from the variable
                  hashHistory.push('/blue-ui/notice/1')
                }}
              >
                查看详情
              </div>
            </div>
          ))
        }
      </div>
    )
  }
}